*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; }
a{ color:#333; text-decoration:none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -mos-transition: all 0.3s;  }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1200px; }
.w1360{ margin: 0px auto;width:1360px; }


/*pc导航*/
.banner_top{width:100%; height: 180px; position: absolute; top:0; left:0; z-index: 999}
.pc_logo{width:23.8%; height: auto; float: left; margin-left: 2%;}
.pc_logo img{width:100%; height: auto;}
.header_top{width:70%; height: 53px;  float: left; margin-left:10px; margin-top: 65px; }
#menu .nav{ position:relative; z-index:1;  margin: 0 auto;width:87%; height:53px; float: left}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%;  width:12.5%; line-height: 53px}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; height: 100%; text-align:center; font-size:16px; z-index: 2; position: relative; color:#4d4d4d;}
#menu .nav .nLi h3 a{ font-size: 16px; color: #fff;position: relative}
#menu .nav .nLi h3 a:before{content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-right: 8px;
    transform-origin: right center;
    transform: scaleX(0);
    transition: all .25s;}
#menu .nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#3aa6fd;   }
#menu .nav .active h3 a:before{ transform: scaleX(1);}
#menu .nav .nLi:hover h3 a:before{ transform: scaleX(1);}
.header_right{width:auto; float: left; margin-left: 2%; margin-top: 10px; position: relative}
.header_right .h_sousuo{width:38px; height: 38px; background: rgba(255,255,255,0.5) url(../images/sousuo.png) no-repeat center; border-radius: 50%; position: relative; float: left}
.h_input{width:300px; height: auto; position: absolute; top:38px; right:0; display: none;}
.h_input input[type="text"]{width:225px; height: 40px; line-height: 40px; background: #fff; color:#333; padding: 0px 10px; float: left}
.in_submit{width:75px; height: 40px; background: #3aa6fd; color: #fff; text-align: center; line-height: 40px; font-size: 16px;  float: left; border: 0}
.h_erma{width:38px; height: 38px; background: rgba(255,255,255,0.5) url(../images/ma.png) no-repeat center; border-radius: 50%; position: relative; float: left;
	margin-left:20px}
.h_erma img{width:110px; height: auto; position: absolute; top:40px; left:-20px;z-index: 999; display: none;}
.h_erma:hover img{display: block}





/* 首页:banner */
.banner{ width:100%;  position:relative;  height:900px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -33px; top:480px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:10px;height:10px; border: 1px solid #fff; cursor:pointer; border-radius: 50%; }
.banner .slideBox .hd ul li:last-child{margin-right: 0px;}
.banner .slideBox .hd ul li.on{ background: #fff}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:900px; position: relative}
.banner .slideBox .bd img{display:block;width:100%;height:100%}
.banner_info{width:1200px; height: auto; overflow: hidden; position: absolute; top:320px; left:50%; margin-left: -600px;}
.banner_info span{font-size: 18px; color:#fff; text-align: center; display: block;  letter-spacing:10px}
.banner_info hr{width:68px; height: 2px; background: #fff; display: block; margin:22px auto;}
.banner_info p{font-size: 40px; color: #fff; font-weight: bold; text-align: center}
.wu_info{width:1200px; height:160px; position: absolute; left:50%;  margin-left: -600px; top:522px;}
.wu_info ul{width:100%; height: 100%;  background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.4)}
.wu_info ul li{width:20%; height: 100%; float: left; border-right:1px solid rgba(255,255,255,0.4)}
.wu_info ul li i{width:62px; height: 52px; display: block; margin: 40px auto 10px;}
.wu_info ul li p{font-size: 18px; color: #fff; text-align: center}
.wu_info ul li p span{font-size: 22px; color: #fff; font-weight: bold;}
.wu_info ul li .icon_1{background: url(../images/icon_1.png) no-repeat center}
.wu_info ul li .icon_2{background: url(../images/icon_2.png) no-repeat center}
.wu_info ul li .icon_3{background: url(../images/icon_3.png) no-repeat center}
.wu_info ul li .icon_4{background: url(../images/icon_4.png) no-repeat center}
.wu_info ul li .icon_5{background: url(../images/icon_5.png) no-repeat center}
.wu_info ul li:hover{ background: url(../images/bjs.jpg) no-repeat center}
.ban_bottom{width:209px; height: 79px; position: absolute; bottom:0; left:50%; margin-left:-104.5px; z-index: 9}
.wu_info ul li:last-child{border-right:0}




/*导航*/
.sj_header{display: none; background:url(../images/nav_bjs.png) no-repeat center; position: absolute; top:0; left:0; z-index: 999; width: 100%; height: 70px; padding: 0px 10px;}
.logo{width:30%;  float: left; }
.logo img{width:100%; height: auto}
.menu{float:right; height:auto; width:35px; margin-top:18px; text-align: center }
.menu img{width:100%; height:auto;}
.menu p{font-size:1rem; color: #fff}
.openmenu{overflow-y:scroll;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#2a88ff; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; font-size:0.9rem; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #d0231c}
.sj_ban{width:100%; height: auto; display: none}




.index_one{width:100%; height: auto; overflow:hidden; margin-top: 23px;}
.index_one_left{width:69%; height: 220px; float: left; border: 1px solid #ebebeb; padding: 15px 20px;}
.ondex_left_title{width:100%; height:40px; background: #ebebeb; line-height: 40px; font-size: 22px; color: #000000; padding-left: 10px; }
.one_left_xx{ width:100%; height: auto; position:relative; }
.one_left_xx .hd{ float: right; margin-top: -40px; width: auto}
.one_left_xx .hd .prev,.one_left_xx .hd .next{ display:block;  width:15px; height:40px; float:right; margin-right:10px;  overflow:hidden;
	 cursor:pointer; }
.one_left_xx .hd .next{ background: url(../images/right_jt.png) no-repeat center}
.one_left_xx .hd .prev{ background: url(../images/left_jt.png) no-repeat center}
.one_left_xx .hd .next:hover{background: url(../images/right_hjt.png) no-repeat center}
.one_left_xx .hd .prev:hover{background: url(../images/left_hjt.png) no-repeat center}
.one_left_xx .bd{width:100%; height: auto; overflow: hidden}
.one_left_xx .infoList li{width:100%; height: 75px; overflow: hidden; border-bottom: 1px solid #ebebeb;  margin-top: 8px;}
.one_left_top{width:100%; height: 35px; line-height: 35px;}
.one_left_top dl{width:70%; height: 100%; float: left}
.one_left_top dl dt{width:auto; float: left; font-size: 18px; color: #3aa6fd}
.one_left_top dl dd{font-size: 18px; color: #333333; float: left; width: 60%; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.one_left_top  span{font-size: 14px; color: #3aa6fd; float: right; line-height: 35px;}
.one_left_xx .infoList li p{width:100%; height:30px; line-height: 30px; font-size: 14px; color: #999999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.one_left_xx .infoList li:hover p{color:#3aa6fd}
.index_one .index_one_right{width:30%; height: 220px; background: url(../images/bjs.jpg) no-repeat center; float: right; text-align: center; padding: 22px;}
.index_one_right h4{font-size: 22px; color: #fff; font-weight: bold; line-height: 30px;}
.index_one_right p{width:100%;  height: auto;  font-size: 14px; color: #fff; line-height: 26px; margin-top: 5px;}
.index_one_right dl{width:234px; height: 30px; line-height: 30px; overflow: hidden; margin: 10px auto; text-align:center}
.index_one_right dl dt{ font-size: 14px; color: #fff; line-height: 26px;  float: left}
.index_one_right dl dd{font-family: "Impact"; color:#fff; font-size: 24px; float: left; margin-left: 5px;}
.index_one_right a{width:127px; height: 37px; line-height: 37px; background: #fff; border-radius: 25px; text-align: center; display: block; margin: 20px auto; font-size: 14px; color: #000000;}
.index_one_right a:hover{color:#3aa6fd}
.index_news{width:100%; height:650px; background: url(../images/news_bjs.jpg) repeat center; margin-top: 30px; padding-top: 30px;}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title h4{font-size: 22px; color: #000000; background: url(../images/lan_xs.png) no-repeat left center; padding-left:  60px; line-height: 40px}
.index_news_title p{font-size: 16px; color: #333333; padding-left: 60px;}
.index_news_left{width:50.1%; height: auto; float:left; margin-top: 35px;}
.news_left_top{width:100%; height: auto; overflow: hidden}
.news_left_top{ width:100%; height:343px; overflow:hidden; position:relative;}
.news_left_top .hd{ height:10px; overflow:hidden; position:absolute; left:120px; bottom:20px; z-index:1; }
.news_left_top .hd ul{ overflow:hidden; zoom:1; float:left;  }
.news_left_top .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; line-height:14px; text-align:center; border: 1px solid #fff; cursor:pointer;
	border-radius: 50% }
.news_left_top .hd ul li.on{ background: #fff}
.news_left_top .bd{ position:relative; height:100%; z-index:0;   }
.news_left_top .bd ul{width:100%; height:auto; overflow: hidden}
.news_left_top .bd li{width:100%; height: 343px; overflow: hidden}
.news_left_top .bd li .in_news_pic{width:51%; height: 343px; float: left; overflow: hidden}
.in_news_pic img{width:100%; height: auto; overflow: hidden; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_left_top .bd li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.in_news_xx{width:49%; height: 100%; float: left; padding: 30px 29px; background: #fff}
.in_news_xx h3{width:100%; height: 58px; overflow: hidden; line-height: 28px; font-size: 20px; color: #333333; font-weight:bold;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.in_news_xx dl{width:100%; height: 25px;  margin: 10px 0 20px} 
.in_news_xx dl dt{font-size: 14px; color: #3aa6fd; float: left; line-height: 25px;}
.in_news_xx dl dd{width:70px; height: 25px; background: #3aa6fd; text-align: center; line-height: 25px; font-size: 14px; color:#fff; float: right}
.in_news_xx p{font-size: 14px; color: #777777; line-height: 28px; width: 100%; height: 142px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:5;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_xs{width:40px; height: 4px; position: absolute; top:30px; left:50%; margin-left: -20px;}
.news_left_top .prev,
.news_left_top .next{ position:absolute; bottom:20px; display:block; width:20px; height:40px; }
.news_left_top .next{ background: url(../images/right_jt.png) no-repeat center; right:30px;}
.news_left_top .prev{ background: url(../images/left_jt.png) no-repeat center; right:60px}
.news_left_top .next:hover{background: url(../images/right_hjt.png) no-repeat center;}
.news_left_top .prev:hover{background: url(../images/left_hjt.png) no-repeat center; }
.news_left_bottom{width:100%; height: 127px; background: #3aa6fd; position: relative; padding:25px 34px;}
.news_left_bottom:after{content: ""; position: absolute; border: 1px solid rgba(255,255,255,0.4); left:6px; top:6px; right:6px; bottom:6px;}
.news_left_bottom h4{font-size: 24px; color: #fff; font-weight: bold; line-height: 40px;}
.news_left_bottom p{font-size: 16px; color: #fff; line-height: 30px;}
.news_left_top .bd li:hover p{color:#3aa6fd}
.index_news_right{width:48.5%; height: 470px; float: right; background: #fff;  margin-top: 35px; padding-top: 10px;}
.index_news_right ul{width:100%; height: auto; overflow: hidden}
.index_news_right ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #ebebeb; padding: 29px 24px 24px}
.index_news_right ul li .news_right_time{width:70px; height: auto; float: left}
.news_right_time p{width: 70px; height: 68px; background: #707070; text-align: center; line-height: 68px; font-size: 24px; color: #fff}
.news_right_time span{width:100%; height: 26px; line-height: 26px; background: url(../images/jds.jpg) no-repeat center; font-size: 14px; color: #fff; text-align: center; display: block}
.news_right_xx{width:auto; height: auto; padding-left: 10px; margin-left:80px;}
.news_right_xx dl{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_right_xx dl dt{font-size: 18px; color: #3aa6fd; float: left; width:108px;}
.news_right_xx dl dd{font-size: 18px; color: #333333; margin-left:110px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.news_right_xx p{width:100%; height: 56px;  font-size: 14px; color: #999999; line-height: 28px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_right ul li:last-child{border-bottom: 0}
.index_news_right ul li:hover .news_right_xx p{color:#3aa6fd}





/*场馆介绍*/
.index_cgjs{width:100%; height: auto; overflow: hidden; margin-top: 40px; position: relative}
.index_cgjs_title{width:100%; height: auto; background: url(../images/hui_xs.png) no-repeat right 20px;}
.index_cgjs_title h4{font-size: 22px; color: #000000; background: url(../images/lan_xs.png) no-repeat left center; padding-left:  60px; line-height: 40px}
.index_cgjs_title p{font-size: 16px; color: #999999; padding-left: 60px;}
.index_cgjs_list{ width:100%; text-align:left; margin-top: 40px; position: relative; overflow: hidden}
.index_cgjs_list .hd{width:1200px; margin: 0px auto; overflow: hidden}
.index_cgjs_list .hd ul{width:67%; height: 54px; float: left}
.index_cgjs_list .hd ul li{ float:left; width: 23%; height: 54px; margin-right: 12px; background: #ebebeb; text-align: center; line-height: 54px;}
.index_cgjs_list .hd ul li a{width:100%; height: 100%; display: block; font-size: 16px; color: #555555 }
.index_cgjs_list .hd ul li.on{ background: url(../images/tab_bjs.png) no-repeat center}
.index_cgjs_list .hd ul li.on a{color:#fff}
.index_cgjs_list .bd{width:100%; overflow: hidden; position: relative; background: url(../images/cg_bjs.jpg) no-repeat bottom; padding-bottom: 36px;}
.index_cgjs_list .bd ul{width:100%; height: auto; overflow: hidden}
.index_cgjs_list .bd li{width:100%; height: auto; overflow: hidden}
.index_cgjs_list .bd li .cgjs_pic{width:82%; height: auto; overflow: hidden; position: relative}
.cgjs_pic img{width:100%; height: auto; overflow: hidden}
.cgjs_pic .cgjs_title{width:220px; height: 50px; position: absolute; left:69%; bottom:0; padding: 0px 10px; line-height: 50px; font-size: 18px; color: #fff; background: url(../images/cg_tbjs.png) no-repeat center}
.cgjs_tab_xx{width:1200px; height: auto; overflow: hidden; margin:15px auto; font-size: 14px; color: #555555; line-height: 28px; }
.index_cgjs_icon{width:35%; height: auto; position: absolute; right:0; bottom:33px;}
.index_cgjs_icon img{width:100%;}
.index_cgjs_list .arrow{  position:absolute; left:63%; bottom:36px;  z-index: 999}
.index_cgjs_list .arrow a{ display:block;  width:10px; height:50px; float:right;  overflow:hidden;
	 cursor:pointer; }
.index_cgjs_list .arrow .next{ background: url(../images/cg_right.png) no-repeat center}
.index_cgjs_list .arrow .prev{ background: url(../images/cg_left.png) no-repeat center;  margin-right:20px; }
.cgjs_more{width: 188px; height: 54px; background: #ebebeb; text-align: center; line-height: 54px; font-size: 16px; color: #555555; float: left}
.cgjs_more:hover{background: url(../images/tab_bjs.png) no-repeat center; color:#fff}



/*合作*/
.index_hezuo{width:100%; height: auto; overflow: hidden; margin-top: 45px}
.index_hezuo_list{margin-top: 34px;}
.index_hezuo_list ul{position: relative;overflow: hidden;width: 100%; height:372px; border: 1px solid #ebebeb; }
.index_hezuo_list ul li{float: left;width: 258px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border-right:1px solid #ebebeb; padding: 30px;}
.index_hezuo_list ul li a{display: block;width: 100%;height: 100%;}
.index_hezuo_list ul li:last-child{border-right:0}
.index_hezuo_list ul li.curr{background: #3aa6fd;}
.index_hezuo_list ul li .curr_num{width:100%; height: auto; overflow: hidden}
.curr_num span{font-size: 32px; color: #3aa6fd; font-weight: bold; font-family: "Arial"; float: right}
.curr_num hr{width:32px; height: 1px; background: #3aa6fd; float: right; margin-right: 10px; margin-top:18px;}
.index_hezuo_list ul li h3{font-size: 20px; color: #333333; font-weight: bold; text-align: right; margin-bottom: 10px;}
.index_hezuo_list ul li p{width:100%; height: auto; overflow: hidden; font-size: 16px; line-height: 30px;  color: #fff; display: none; margin-bottom: 96px}
.index_hezuo_list ul li img{display: block; margin: 90px auto 56px;}
.index_hezuo_list ul li.curr h3{color:#fff}
.index_hezuo_list ul li.curr span{color:#fff}
.index_hezuo_list ul li.curr hr{ background: #fff}

.index_hezuo_sj{width:100%; height: auto; overflow: hidden; margin-top: 45px; display:none; padding:0px 10px;}
.index_hezuo_sj ul{position: relative;overflow: hidden;width: 100%; height:372px; border: 1px solid #ebebeb; }
.index_hezuo_sj ul li{float: left;width: 25%;overflow: hidden;height: 100%;position: relative;cursor: pointer; border-right:1px solid #ebebeb; padding: 30px;}
.index_hezuo_sj ul li a{display: block;width: 100%;height: 100%;}
.index_hezuo_sj ul li:last-child{border-right:0}
.index_hezuo_sj ul li h3{font-size: 20px; color: #333333; font-weight: bold; text-align: right; margin-bottom: 10px;}
.index_hezuo_sj ul li p{width:100%; height: auto; overflow: hidden; font-size: 16px; line-height: 30px;  color: #fff; display: none; margin-bottom: 96px}
.index_hezuo_sj ul li img{display: block; margin: 90px auto 56px;}




/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat bottom center; margin-top: 70px; }
.index_about_info{width:1200px; height:490px; margin: 90px auto 0; position: relative}
.index_about_left{width:65%; height: 420px; background: #fff; padding:45px 38px; margin-top: 175px;}
.index_about_left h3{font-size: 24px; color: #000000;}
.index_about_left .in_about_xx{width:90%; height: auto; overflow: hidden; margin-top: 10px;}
.in_about_xx a{ font-size: 14px; color: #555555; line-height: 28px;}
.about_more{width:126px; height: 42px; border: 1px solid #ebebeb; display: block; text-align: center; line-height: 42px; font-size: 14px; color: #777777; margin-top: 20px;}
.about_more:hover{background:url(../images/tab_bjs.png) no-repeat; color:#fff}
.index_about_video{width:41%; height: 559px; background: url(../images/video.png) no-repeat center; background-size:100% 100%;  float: right; text-align: center; position: absolute; right:0; top:-160px; padding-top:15% }
.index_about_video p{font-size: 20px; color: #fff; line-height: 40px;}
.index_about_video h3{font-size: 24px; color: #fff; margin-bottom: 30px;}
	

/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}










/*底部*/
.footer{width:100%; height:264px; background: url(../images/footer_bjs.jpg) no-repeat center;}
.footer_left{width:27%; height: 100%; border-right:1px solid #606060; text-align: center; float: left}
.footer_left img{max-width: 100%;}
.footer_left .f_brq{font-size: 14px; color: #bbbbbb;}
.footer_left a.ban_a{font-size: 14px; color: #bbbbbb; margin-left: 8px;}
.footer_nav{width:auto; float: left; margin-top: 25px; }
.footer_nav dl{width:auto; float: left; margin-left: 64px}
.footer_nav dl dt{width:100%; height: 40px; line-height: 40px; background: url(../images/f_xs.png) no-repeat left bottom; font-size: 16px; color: #fff}
.footer_nav dl dd{width:100%; height: auto; overflow: hidden; margin-top:10px;}
.footer_nav dl dd a{font-size: 14px; color: #bbbbbb; line-height:30px; display: block;}
.footer_nav dl dd a:hover{color:#3aa6fd}
.f_contact{width:auto; float: left; margin-left: 64px; margin-top: 25px; }
.f_contact h4{width:100%; height: 40px; line-height: 40px; background: url(../images/f_xs.png) no-repeat left bottom; font-size: 16px; color: #fff; margin-bottom: 20px;}
.f_img{width:132px; height: 132px; float: left}
.f_img img{width:100%; height:100%;}
.f_info{width:150px; margin-left: 20px; float: left}
.f_info p{font-size: 14px; color:#fff; line-height: 28px;}
.f_info span{font-family: "Impact"; color:#fff; font-size: 22px; margin-bottom: 10px; display: block}

.f_left_zhichi{width:422px; height:45px; margin: 0 auto;  }
.f_left_zhichi p{ width:202px; float: left; font-size: 14px; color:#bbbbbb; line-height: 45px;}
.f_left_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 12px; margin-right: 10px}
.f_left_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 12px;}
.f_left_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.f_left_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.f_left_zhichi span{float: left; font-size: 14px; color: #bbbbbb;}
.f_left_zhichi i{ float: left;}


.footer_ban{width:100%; height:58px;  border-top:1px solid rgba(255,255,255,0.23); overflow: hidden; background: #555555; display: none;}
.footer_ban .f_brq{width:auto;height:100%; line-height:58px; color:#bbbbbb; }
.footer_ban .f_brq p{float: left;  font-size: 14px; }
.footer_ban .f_brq a{margin-left: 15px; color: #bbbbbb; float: left;  font-size: 16px;}
.footer_ban .f_brq a:hover{color:#2a88ff!important}
.footer_zhichi{width:422px; height:45px;  float: right}
.footer_zhichi p{ width:202px; float: left; font-size: 14px; color:#bbbbbb; line-height: 45px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 12px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 12px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #bbbbbb;}
.footer_zhichi i{ float: left;}






/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 888; height:70px;width: 100%; font-size: .14rem;padding: 0px 10px; display: none; background: #2a88ff}
footer li{width:20%; height: 70px; float: left; position: relative}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block}
footer li.active{background: #313131}
footer .n1{background: url(../images/f_1.png) no-repeat center; background-size:  100% 100%; width: 28px; }
footer .n2{background: url(../images/f_2.png) no-repeat center; background-size:  100% 100%; width: 28px; }
footer .n3{background: url(../images/f_3.png) no-repeat center; background-size:  100% 100%; width: 33px; }
footer .n4{background: url(../images/f_4.png) no-repeat center; background-size:  100% 100%; width:20px;}
footer .n5{background: url(../images/f_5.png) no-repeat center; background-size:  100% 100%; width: 25px;}
footer i{height:25px; display: block; margin: 12px auto 0; }
.sj_copy {width: 100%; padding-bottom:20px; padding-top:20px; text-align: center; line-height: 20px; clear: both; font-size: 1rem; display: none;}
.sj_copy a{color: #999999; height: 30px; line-height: 28px;}
.sj_copy p{width:100%; color: #999999; line-height: 28px;}






/*右侧漂浮*/
.right_p{width:60px; height:120px; position:fixed; right:0; top:200px; z-index:888}
.right_p_ly{width:60px; height:60px;  background:#de312d url(../images/icon_1.png) no-repeat center; text-align:center; position:relative}
.right_p_xx p{font-size:14px; color:#fff;  line-height:21px; margin-top:2px}
.right_p_xx img{margin-top:-20px;}
.right_wx{width:60px; height:60px; background:#f88435 url(../images/icon_2.png) no-repeat center; text-align:center; padding-top:8px; position:relative}
.r_pic{width:100px; height:100px; position:absolute; top:0; left:100px; z-index:999; transition: .6s;}
.right_wx:hover .r_pic{left:-100px;}
.right_phover{width:245px; height:330px; background:#fff; position:absolute; top:0; left:-245px; z-index:999; display:none;}
.right_ptop{width:100%; height:150px; border-bottom:1px solid #f6f6f6; padding:15px 10px 0;}
.right_ptop h4{font-size:20px; color:#555555; text-align:center; line-height:30px; margin-bottom:20px;}
.right_ptop p{font-size:14px; color:#555; line-height:35px; padding-left:25px; text-align:left}
.rp_1{background:url(../images/y_sing.png) no-repeat left center;}
.rp_2{background:url(../images/r_dh.png) no-repeat left center;}
.rp_3{background:url(../images/r_qq.png) no-repeat left center;}
.right_center{width:100%; height:85px; border-bottom:1px solid #f6f6f6; background:url(../images/dh_icon.png) no-repeat 17px center; padding-top:20px; padding-left:37px; }
.right_center p,.right_email p{font-size:14px; color:#555; }
.right_center span,.right_email span{font-size:19px; color:#555; }
.right_email{width:100%; height:85px; background:url(../images/yx_icon.png) no-repeat 17px center; padding-top:20px; padding-left:42px;  }
.right_ptop p:hover a{color:#004a9f; text-decoration:underline }
.right_top{width:60px; height: 60px; background: #777777 url(../images/top.png) no-repeat center; border-bottom: 2px solid #de312d;}





/*内页banner*/
.ej_banner{overflow: hidden; width:100%; height:500px;  position:relative}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center;}
.csjs_banner{background:url(../images/csjs_banner.jpg) no-repeat center;}
.wthd_banner{background:url(../images/wthd_banner.jpg) no-repeat center;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center;}
.rlzy_banner{background:url(../images/rlzy_banner.jpg) no-repeat center;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center;}
.syhz_banner{background:url(../images/syhz_banner.jpg) no-repeat center;}





.ej_banner .container{position:relative}
.ny_banner_zi{width:340px; height:158px; margin-top:240px;border: 3px solid rgba(255,255,255,.5); float:right; text-align:right;  padding:35px 35px 0}
.ny_banner_zi h1{font-size: 35px;color: white; font-weight: bold; position:relative}
.ny_banner_zi h1:before{content: '';display: block;width: 35px;height: 1px;background: white;margin-bottom: 10px; right:0; position:absolute; top:-10px}
.ny_banner_zi span{display: block;color: white;font-size: 15px;text-transform: uppercase;letter-spacing: 1px;margin-top: 10px;font-family: 'ralewaythin';padding-left: 35px;}



/* 二级导航start */
.mbx{font-size: 15px;color: #666666;padding:35px 0 25px;}
.mbx a{display: inline-block;vertical-align: top;font-size: 15px;color: #666666;}
.mbx a:hover,.mbx a.active{color: #000;}
.mbx a i{display: inline-block;font-size: 18px;color: #b2b2b2;vertical-align: middle;margin-right: 10px;}
.mbx span{padding: 0 8px;}

/* 二级分类 start */
.ej_nav_u1{font-size: 0;}
.ej_nav_u1 li{display: inline-block;vertical-align: top;width: 20%;border: 1px solid #cacaca;box-sizing: border-box;text-align: center;margin-right:-1px;margin-bottom:-1px;}
.ej_nav_u1 li a{display: block;line-height: 50px;font-size: 18px;color: #666666;}
.ej_nav_u1 li a.on{background: #2a88ff;color: #fff;}
.ej_nav_u1 li:last-child{border-right: 1px solid #cacaca;}
.ej_nav_u1 li:hover a,.ej_nav_u1 li.active a{background: #2a88ff;color: white;}


/*内页关于我们*/
.ny_about_info{width:100%; height:auto; overflow:hidden; font-size:16px; color:#666; line-height:28px; margin:30px 0 50px;}
.ny_about_info img{max-width:100%;}
.title { display: inline-block;text-align: left;}
.title h2 {font-size: 35px; color: #2a88ff; margin-top: 5px; font-weight: 500; margin-bottom: 30px;}
.title h2:after { margin: 20px 0 0;}
.title h2:after {margin: 20px 0 0;}
.title h2:after {
    content: '';
    display: block;
    margin: 20px 0 0;
    width: 30px;
    height: 1px;
    background: #2a88ff;
}


/*产品中心*/
.ny_product{width:100%; height:auto; overflow:hidden; margin:20px 0 50px;}
.ny_product ul{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.pic_list ul li{width: 24%;float: left;margin-right: 1.3%;margin-bottom: 20px;overflow: hidden;}
.pic_list ul li:nth-child(4n){margin-right: 0;}
.pic_list ul li a{display: block;}
.pic_list_box{overflow: hidden; border:1px solid #eee}
.pic_list_box img{width:100%}
.pic_list ul li a img{display:block;width: 100%;transition:  all .5s;}
.pic_height img{height:285px!important;}
.pic_list ul li a p{text-align: center;line-height: 30px;margin-top: 10px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic_list ul li:hover a img{transform: scale(1.2);}
.pic_list ul{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}




/*新闻中心*/
.ttxw_con1{width:100%; height:auto; overflow:hidden; margin:20px 0 50px;}
.ttxw_con1_u1{width:100%; height:auto; display:block; margin-bottom:20px;}
.ttxw_con1_u1 li{padding: 20px 0;border-bottom: 1px solid #eee;}
.ttxw_con1_u1 li a{display: block;font-size: 0;}
.ttxw_con1_left{display: inline-block;vertical-align: middle;width: 145px;position: relative;}
.ttxw_con1_right{display: inline-block;vertical-align: middle;width: 50px;}
.ttxw_con1_middle{display: inline-block;vertical-align: middle;width: calc(100% - 200px);box-sizing: border-box;padding: 0 50px;}
.ttxw_con1_left span{display: block;overflow: hidden;}
.ttxw_con1_left span img{width: 100%;transition: 0.3s ease-in-out;}
.ttxw_con1_left_list{position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2);padding: 10px;color: white;}
.ttxw_con1_left_list font{font-size: 24px;display: block;}
.ttxw_con1_left_list time{font-size: 15px;color: white;}
.ttxw_con1_right i{display: inline-block;width: 47px;height: 47px;text-align: center;line-height: 47px;background: #cccccc;color: white;font-size:30px;
transition: 0.3s ease-in-out;}
.ttxw_con1_middle h2{font-size: 18px;color: #222;font-weight: 500;}
.ttxw_con1_middle p{font-size: 15px;color: #666;line-height: 25px;}
.ttxw_con1_middle span{display:block;font-size:15px;margin:10px 0;}
.ttxw_con1_u1 li:hover .ttxw_con1_left span img{transform: scale(1.05);}
.ttxw_con1_u1 li:hover .ttxw_con1_right i{background: #2a88ff;}
.ttxw_con1_u1 li:hover .ttxw_con1_middle h2{color: #2a88ff;}
.ttxw_con1_u1 li:hover .ttxw_con1_middle p{color: #2a88ff}
.ttxw_con1_u1 li:hover .ttxw_con1_middle span{color: #2a88ff;}
.fhlb {
    width: 90px;
    height: 30px;
    background: #2a88ff;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    position: relative;
}
.ttxw_bt{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center;  clear: both}
.ttxw_btime{width: 100%; line-height: 30px; color: #999; height: 30px;   margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  text-align: center; clear: both}
.ttxw_hd{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}





/*联系我们*/
.my_map{ margin-top: 30px;}
.contact_us_text{display: flex;justify-content: space-between;}
.contact_us_text_left{width: 50%;}
.contact_us_text_right{/*! width: 30%; */}
.contact_us_text_right ul{display: flex;justify-content: space-around;}
.contact_us_text_right li{width: 100px;text-align: center;height:146px;color: #393939;margin-left: 15px;}
.contact_us_text_right li img{display: block;width: 100px;height: 100px;border: 1px #ddd solid;}
.contact_us_text{margin-top: 30px;}
.contact_us_text p{line-height:30px;}
#map{height:500px; width:100%;}



/*荣誉资质*/
.ny_honor{width:100%; height:auto; overflow:hidden; margin:20px 0 50px;}

/*发展历程*/
.timer_shaft{width:100%; height:auto; overflow:hidden; margin:20px 0 50px;}
.timer_shaft_left{float: left;font-size: 38px;width: 280px;text-align: left;position: relative;font-weight: bold;}
.timer_shaft_left::after{content:"";position: absolute;right: 3px;top: 22px;width: 11px;height: 11px;border:1px solid #2a88ff;border-radius:50%;background: #fff;z-index: 2;}
.timer_shaft_right{float: right;line-height: 35px;padding-left: 30px;max-width: 910px;padding-top: 13px;color: #666;/*! max-width:70%; */}
/* .timer_shaft_line{position: relative;} */
.timer_shaft_box{position: relative; width:100%; height:100%; overflow:hidden;}
.timer_shaft_box::after{content: '';position: absolute;height: 100%;width: 1px;background: #2a88ff;z-index: 1;top: 0; left:270px;}
.timer_shaft_line .timer_shaft_left{padding: 0 15px;}
.clear_new { clear: both;overflow: hidden; margin: 20px 0;}


/*产品详情*/
.ny_product_show{width:100%; height:auto; overflow:hidden; margin:40px 0 50px;}
.ny_product_show table{border-collapse: collapse;}
.keyword_light{font-size:16px; color:#666; line-height:30px!important;}
.keyword_light img{max-width:100%; height:auto!important}
.page-list{display:none;}


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#2a88ff;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}




@media screen and (max-width:1440px){
	.f_contact{margin-left: 35px;}
	.footer_nav dl{margin-left: 30px;}
	.cgjs_pic .cgjs_title{left:66%}
}



@media screen and (max-width:1366px){
	.footer_left{display: none;}
	.footer_ban{display: block}
	.footer_nav{width:66%}
	.footer_nav dl{margin-left: 6%}
}


@media screen and (max-width:1260px){
	
	.header_right{margin-left:1%}
	.wu_info,.banner_info{left:0;  margin-left:0; width:100%; padding:0px 10px;}
	.container,.cgjs_tab_xx,.index_about_info{width:100%;  padding:0px 10px;}
	.header_top{width:73%; margin-left:0; margin-top:40px;}
	.header_right{display:none;}
	#menu .nav{width:100%}
	.wu_info ul li p{font-size:1rem}
	.wu_info ul li p span{font-size:1.2rem}
	.index_one .index_one_right{padding:10px 5px;}
	.news_left_bottom{padding:15px 20px 0}
	.index_cgjs_icon{width:30%}
	.index_hezuo_sj{display:block;}
	.index_hezuo_list,.lxfx{display:none;}
	.index_cgjs_title{background:none;}
	.in_news_xx p{-webkit-line-clamp:3; height:90px;}
	.news_left_top{height:288px;}
	.index_news_right{padding-top:0; height:auto;}
	.index_news_right ul li{padding:17px 24px 24px}
	.index_cgjs_list .hd{width:100%;}
	.index_cgjs_list .hd ul{width:81%;}
	.index_cgjs_list .hd ul li{width:23.5%;}
	.cgjs_more{width:18%;}
	.index_news{background:url(../images/news_bjs.jpg) repeat;}
}


@media screen and (max-width:768px){
	body{padding-bottom:70px;}
	.banner_top,.footer_ban,.footer{display:none;}
	.sj_header,.sj_copy,footer{display:block}
	.index_one_right a{margin:0 auto}
	.index_news{width:100%; height:auto; overflow:hidden}
	.index_news_left,.index_news_right{width:100%; float:none;}
	.banner_info{top:200px;}
	.index_cgjs_list .hd ul li{width:23%;}
	.index_about_left{padding:18px 38px}
}




@media screen and (max-width:425px){
	.pic_list ul li{width:48%; margin-right:0}
	.pic_list ul li:nth-child(2n){ float:right}
	.ny_banner_zi{ float:none; margin:120px auto 0;}
	.ej_banner{height:340px;}
	.logo{width:50%;}
	.ej_nav_u1 li{width:33.33%; margin-bottom:10px;}
	#map{height:300px;}
	.contact_us_text_right,.ttxw_con1_right,.digg{display:none;}
	.contact_us_text_left{width:100%; float:none;}
	.ttxw_con1_middle{padding:0px 10px; width:calc(100% - 145px)}
	.ttxw_con1_middle h2{width:100%; height:27px; text-overflow:ellipsis; overflow:hidden;}
	.ttxw_con1_middle p{height:50px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
	.ej_nav_u1 li a{font-size:1rem;}
	.page-list{display:block;}
	.title h2{font-size:2rem}
	.banner_info p{font-size:1.8rem}
	.banner_info{top:145px;}
	.banner .slideBox .hd{top:340px;}
	.index_one_left{width:100%; float:none; padding:15px 10px;}
	.index_one .index_one_right{width:100%; float:none; margin-top:20px;}
	.one_left_top dl dt,.one_left_top dl dd{font-size:0.9rem}
	.index_one .index_one_right{background-size:100% 100%; padding:18px 5px}
	.news_left_top .bd li .in_news_pic,.in_news_xx{width:100%; height:auto; float:none;}
	.news_left_top .bd li{height:auto; overflow:hidden}
	.news_left_top{height:auto;}
	.in_news_xx h3{font-size:1.1rem}
	.index_news{padding-bottom:20px;}
	.index_cgjs_list .hd ul{width:100%; height:auto;}
	.index_cgjs_list .hd ul li{margin-right:0; width:25%}
	.cgjs_more,.index_cgjs_icon{display:none;}
	.index_cgjs_list .bd li .cgjs_pic{width:100%;}
	.cgjs_pic .cgjs_title{right:0; left:auto}
	.index_cgjs_list .arrow{left:76%;}
	.index_hezuo_sj ul li{width:50%; border-bottom:1px solid #ebebeb}
	.index_hezuo_sj ul{height:auto;}
	.index_hezuo_sj ul li img{margin:20px auto 20px}
	.index_about_left{width:100%; float:none; margin-top:0}
	.index_about_video{width:100%; height:auto; float:none; position:unset}
	.index_about{background:none; }
	.index_about_left{padding:18px 10px}
	.index_about_left{height:auto;}
	.index_about_info{margin:40px auto 0; height:auto}
	.index_about_video{padding-bottom:10%}
	.wu_info{height:auto; overflow:hidden; top:400px;}
	.wu_info ul{overflow:hidden}
	.wu_info ul li{width:33.33%; border-bottom:1px solid rgba(255,255,255,0.4)}
	.wu_info ul li i{ margin:20px auto 10px}
	.wu_info ul li p{height:46px; font-size:0.9rem}
	.wu_info ul li:nth-child(4),.wu_info ul li:nth-child(5){width:50%; border-bottom:0}
	.banner{height:832px;}
	.news_left_bottom h4{font-size:1rem}
	.news_left_bottom p{font-size:0.9rem; line-height:24px;}
	.news_left_top .prev, .news_left_top .next{bottom:0}
	.in_news_xx{padding:20px 10px;}
	.index_cgjs_title p,.index_news_title p{font-size:0.9rem}
	.index_news_right ul li{padding:17px 10px 24px}
	.index_hezuo_sj ul li img{height:59px;}
	.ttxw_btime{font-size:0.9rem; height:58px;}
	.news_right_xx{padding-left:0}
	.news_right_xx dl dt{font-size:1rem; width:96px;}
	.news_right_xx dl dd{margin-left:100px;}
}


@media screen and (max-width:320px){
	.banner_info p{font-size:1.6rem}
	.one_left_top span{display:none;}
	.one_left_top dl{width:100%;}
	.title h2{font-size:1.4rem}
	.ny_banner_zi{width:100%;}

}